<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="content-language" content="es" />
    <meta name="robots" content="all,follow" />
    <meta name="author" lang="en" content="All: ... [www.url.com]; e-mail: info@url.com" />
    <meta name="copyright" lang="en" content="" />
    <meta name="description" content="..." />
    <meta name="keywords" content="..." />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/style.css" />
    <!-- pl--->
    
    
    <!-- pl -->
    
    
    
    
    
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.innerfade.js"></script>
    <script type="text/javascript">
        
       
        
        
    $(document).ready(
    function(){
        $('#slider').innerfade({
            animationtype: 'fade',
            speed: 750,
            timeout: 5000,
            type: 'sequence',
            containerheight: 'auto'
        });
    });
    </script>
    <title>Tudistro!</title>
</head>

    
<body>


<div id="main">
  
    <!-- Header -->
    <div id="header" class="box">

        <!--<img src="design/logo.gif" alt="Logo" /></a></p>-->

        <hr class="noscreen" />

        <!-- Navigation -->
        <p id="nav">


          
            
           <!-- <strong>Home</strong> <span>|</span>
            <a href="#">About</a> <span>|</span>
            <a href="#">Contacto</a>
        </p>
-->
    </div> <!-- /header -->

    <hr class="noscreen" />

    <!-- Promo -->
    <div id="promo">

        <p id="slogan"><img src="design/Untitled 8.jpg"  /></p>
        
        <ul id="slider">
            <li><img src="design/slider-01.jpg" alt="" /></li>
            <li><img src="design/slider-02.jpg" alt="" /></li>
            <li><img src="design/slider-03.jpg" alt="" /></li>
        </ul>
        
    </div> <!-- /promo -->

    <hr class="noscreen" />
  <p id="nav">
             <a href="distros.html">      <img aling="center" src="design/1.jpg" alt="Logo" />                </a>
          
            <img src="design/2.jpg" alt="Logo" />
            <img src="design/3.jpg" alt="Logo" />
          <img src="design/4.jpg" alt="Logo" />
      
          <img src="design/6.jpg" alt="Logo" />
           <img src="design/7.jpg" alt="Logo" />
              <img src="design/5.jpg" alt="Logo" />
           
        </p>
    <!-- Three columns -->
    <div class="cols3">
    
        <div class="cols3-content box">

            <!-- Column -->
            <div class="col">
            
                <h2><a href="#">Noticias</a></h2>
                
                <p><a href="fedora.html"><img src="images/col-01.jpg" class="block" alt="" /></a></p>

                <p class="smaller"><strong>Fedora 17</strong><br>
                Fedora es una distribución de Linux para propósitos generales basada en RPM, que se caracteriza por ser un sistema estable, mantenido por una gran comunidad internacional de ingenieros, diseñadores y usuarios que prueban nuevas tecnologías. Cuenta con el total respaldo de Red Hat.</p>

                <ul>
                    <li><a href="fedora.html">Ver más</a></li>
             
                </ul>
            
            </div> <!-- /col -->
            
            <!-- Column -->
            <div class="col">

                <h2>Lo más visto</h2>
                
                
                <p><a href="images/Gldt.svg"><img src="distros.jpg" class="block" alt="" /></a></p>

                <p class="smaller"><strong>Árbol de vida de distribuciones Linux!<br></strong>
                 Línea del tiempo representando el desarrollo de varias distribuciones Linux desde 1992 a 2012</p>

                <ul>
                    <li><a href="images/Gldt.svg">Ver ahora</a></li>
                    
              
                </ul>
                
            </div> <!-- /col -->
            
            <!-- Column -->
            <div class="col last">

                <h2><a href="preguntas.html">Tienes Dudas??</a></h2>
                
                <p><a href="preguntas.html"><img src="images/nidea.jpg" class="block" alt="" /></a></p>

                <p class="smaller"><strong>No sabes por donde empezar?<br></strong>
                Si no sabes que distribucion usar o tienes alguna duda no dudes en preguntarnos!
                </p>

                <ul>
                    <li><a href="preguntas.html">Pregunta aqui!</a></li>
              
                </ul>

            </div> <!-- /col -->

        </div> <!-- /cols3-content -->
        
        <div class="cols3-bottom"></div>

    </div> <!-- /cols3 -->

    <!-- Footer -->
    <div id="footer" class="box">

        <!-- DON´T REMOVE THIS LINE -->
        <p class="f-right">Servercito Servers - Powered by Turkey <a href="login.html"><img src="http://cloud.faout.com/E/201102/thumb-img/Shrilling-Chicken1298400631949-thumb-P-44017.jpg" width="25" height="25" alt="slogan"/> </a>  </p>
            
            
    

        <p class="f-left">&copy;&nbsp;2012 <a href="http://www.facebook.com/bryan.beroizaperez/info">Aironblood</a> <a href="inserte facebook aqui..."> SynnisterJazz</a>  <a href="http://www.facebook.com/razerranger/info">Szvenz</a> <a href="http://www.facebook.com/verkaufer/info">V3rk4uf3r</a>    </p>
        
        

    </div> <!-- /footer -->

</div> <!-- /main -->

</body>
</html>